<template>
  <div>
    <van-row  gutter="20" class="van-row"  type="flex" >
      <van-col span="24"  v-for="(item, index) in containList" :key="index">
      <div  class="col">
          <div class="top">
              <div class="ele">五行</div>
              <div class="name">名称</div>
          </div>
          <div class="head"></div>
          <div class="mid"></div>
          <div class="body"></div>
      </div>
      </van-col>
    </van-row>
  </div>
</template>
<script>
export default {
  props: ["containList"],
  data() {
    return {
      
    };
  },
  methods: {
    back(url) {
      if (url === "-1") {
        window.history.go(-1);
      } else {
        this.$router.push({
          path: url,
        });
      }
    },
  },
  mounted() {},
};
</script>
<style lang="less" scoped>
.van-row{
    margin: 20px;
}
.col{
    background-color: rgb(228, 225, 232);
    height: 400px;
    width: 270px;
    border-radius: 10px;
    border: 1px solid rgb(0, 0, 0);
    box-shadow: rgb(133, 126, 126)  1px 1px 5px 5px;
    .top{
        background-color: rgb(255, 255, 255);
        height: 8%;
        border-radius: 10px;
        margin: 1%;
        padding: 1% ;
        display: flex;
        .ele{
            width:  20%;
            height: 100%;
            line-height: 32px;
            background-color: red;
            color: #fff;
            border-radius: 999px;
        }
        .name{
            height: 100%;
            width: 80%;
            line-height: 32px;
            text-align: left;
            background-color: rgb(65, 61, 85);
            color: #fff;
            border-radius: 10px;
            padding: 0 0 0 10px;
            margin:0 0 0 5px;

        }
    }
    .head{
        background-color: chartreuse;
        border-radius: 10px;
        margin:1%;
        height: 29%;
    }
    .mid{
        background-color: rgb(243, 12, 43);
        height: 9%;
        border-radius: 10px;
        margin: 1%;
    }
    .body{
        background-color: rgb(52, 18, 243);
        height: 49%;
        border-radius: 10px;
        margin: 1%;
    }
}
</style>